import { defineStore } from 'pinia'
import { ref } from 'vue'

export const useCounterStore = defineStore('counter', {
   state: () => {
    return {
      count: 0,
    }
  },
  getters: {
      doubleCount: (state) => {
          console.log(state);
          return state.count * 2
    },
  },
  actions: {
    increment() {
      this.count++
    },
  },
})

// export const useCounterStore = defineStore('counter', () => {
//     const count = ref(0)
//      function doubleCount() {
//        return count.value * 2
//      }
//      function increment() {
//        count.value++
//      }
//      return { count, increment }
// })